<template>
  <!-- 中部功能区 -->
  <div style="width: 100%;height: 700px;background-color: cornflowerblue;border:2px white solid">
    <table style="width: 100%;height: 100%;border: 2px white solid">
      <tr style="width: 100%;height: 100%;border: 2px white solid">
        <td style="width: 10%;height: 100%;border: 2px white solid"> <!-- 左侧菜单区-->
          <div style="width: 100%;height: 700px;border: white 1px solid;margin-left: 0;margin-top: 1%">
            <ul class="nav nav-pills nav-stacked">
              <li class="active"><router-link to="/users" class="router-link-active">用户管理</router-link></li>
              <li class="active"><router-link to="/goods" class="router-link-active">商品管理</router-link></li>
              <li class="active"><router-link to="/sells" class="router-link-active">促销管理</router-link></li>
              <li class="active"><router-link to="/news" class="router-link-active">新闻管理</router-link></li>
              <li class="active"><router-link to="/exit" class="router-link-active">退出</router-link></li>
            </ul>
          </div>
        </td>
        <td style="width: 90%;height: 100%;border: 2px white solid"> <!--右侧功能区-->
          <div style="width: 100%;height: 100%">
            <router-view/>
          </div>
        </td>
      </tr>
    </table>
  </div>
</template>
<script>
export default {
  name: "BackEndMenu",
  data(){
    return{}
  },
}
</script>

<style scoped>

</style>